<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>优惠券</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <script src="../js/mui.min.js"></script>
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <script type="text/javascript" charset="utf-8">
        mui.init();
    </script>
    <link rel="stylesheet" href="../css/css/public.css">
    <link rel="stylesheet" href="../css/css/youhui.css">
    <link rel="stylesheet" type="text/css" href="../css/icons-extra.css">
    <style>
        .clean:after{content:'';clear: both;display: block;}
        .mui-scroll,.mui-scroll-wrapper{position: relative;}
        body{
        	background: #fff;
        }
        .mui-content{
        	background: #fff;
        }
    </style>
</head>
<body id="youhui-con">
<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title ">优惠券</h1>

    <a id="gwc" class="mui-icon-extra mui-icon-extra-cart mui-icon-right-nav mui-pull-right"></a>

</header>
<div class="mui-content">
    <div id="slider" class="mui-slider">
        <div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
            <a class="mui-control-item mui-active" href="#item1mobile">
                全部
            </a>
            <a class="mui-control-item" href="#item2mobile">
                店铺券
            </a>
            <a class="mui-control-item" href="#item3mobile">
                平台券
            </a>

        </div>
        <div id="sliderProgressBar" class="mui-slider-progress-bar mui-col-xs-4"></div>
        <div class="mui-slider-group clean">
            <div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
                <div id="scroll1" class="mui-scroll-wrapper">
                    <div class="mui-scroll">
                        <div class="mui-table-view">
                            <div class="mui-table-view-cell">
                                <ul>
                                    <li class="clean">
                                        <div class="yhq-left ">
                                            <h4>￥10</h4>
                                            <p>满99使用</p>
                                        </div>
                                        <div class="yhq-right ">
                                            <h4>店铺****</h4>
                                            <p>2017.03.05 20:52--2017.12.31 20:52</p>
                                        </div>
                                    </li>
                                    <li class="clean">
                                        <div class="yhq-left">
                                            <h4>￥20</h4>
                                            <p>满199使用</p>
                                        </div>
                                        <div class="yhq-right">
                                            <h4>店铺****</h4>
                                            <p>2017.03.05 20:52--2017.12.31 20:52</p>
                                        </div>
                                    </li>
                                    <li class="xinren clean">
                                        <div class="yhq-left">
                                            <h4>￥50</h4>
                                            <p>满499使用</p>
                                        </div>
                                        <div class="yhq-right">
                                            <h4>新人大礼包 全场通用</h4>
                                            <p>2017.03.05 20:52--2017.12.31 20:52</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div id="item2mobile" class="mui-slider-item mui-control-content">
                <div id="scroll2" class="mui-scroll-wrapper">
                    <div class="mui-scroll">
                        <div class="mui-table-view">
                            <div class="mui-table-view-cell">
                                <ul>
                                    <li class="clean">
                                        <div class="yhq-left ">
                                            <h4>￥10</h4>
                                            <p>满99使用</p>
                                        </div>
                                        <div class="yhq-right ">
                                            <h4>店铺****</h4>
                                            <p>2017.03.05 20:52--2017.12.31 20:52</p>
                                        </div>
                                    </li>
                                    <li class="clean">
                                        <div class="yhq-left">
                                            <h4>￥20</h4>
                                            <p>满199使用</p>
                                        </div>
                                        <div class="yhq-right">
                                            <h4>店铺****</h4>
                                            <p>2017.03.05 20:52--2017.12.31 20:52</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="item3mobile" class="mui-slider-item mui-control-content">

                <div id="scroll3" class="mui-scroll-wrapper">
                    <div class="mui-scroll">
                        <div class="mui-table-view">
                            <div class="mui-table-view-cell">
                                <ul>
                                    <li class="xinren clean">
                                        <div class="yhq-left">
                                            <h4>￥50</h4>
                                            <p>满499使用</p>
                                        </div>
                                        <div class="yhq-right">
                                            <h4>新人大礼包 全场通用</h4>
                                            <p>2017.03.05 20:52--2017.12.31 20:52</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
<script>
	
	document.getElementById("gwc").addEventListener("tap",function(){
		var main=mui.openWindow({
			url:"../index.html",
			id:"index"			
		});
		mui.fire(main,'goGwc');
	});
	
	 /*document.getElementById("gwc").addEventListener("tap",function(){
        mui.openWindow({
            url:"../list_shoppingCart.html",
            id:"gouwuche",
            createNew:true,
            show:{
                autoShow:true,
                aniShow:"slide-in-right",
                duration:200
            },
            waiting:{
                autoShow:true,
                title:"正在加载..."
            }
        });
    });*/

</script>

</body>
</html>